@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1400px; margin:0 auto;}
.header{ height:100px; line-height:100px; position:absolute; left:0; top:0; width:100%; background:rgba(255,255,255,.5); z-index:20;}
.header .logo a{ height:100px; display:inline-block;}
.header .logo a img{ vertical-align:middle; display:inline-block; line-height:100px; max-width:160px;}

.header .nav li{ display:inline-block; height:100px;}
.header .nav li a{ font-size:18px; color:#333333; padding:0 28px; height:100px; display:block; transition:all .3s;}
.header .nav li.on a,.header .nav li a:hover{ background:#47090c; color:#fff;}
.header .nav li.last-tel{ margin-left:50px; padding-left:45px; background-image:url(../images/telicon.png); background-position:left center; background-repeat:no-repeat;}

.banner img{ width:100%;}
.banner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:20px;}
.index_01 { background:#fff; padding:40px 0; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.index_01 li{ width:25%; float:left;text-align:center; border-right:1px solid #bcbcbc;}
.index_01 li:nth-child(4){ border:none;}
.index_01 li span{ display:inline-block; line-height:50px; height:50px; background-size:auto 33px; padding-left:50px; background-repeat:no-repeat; background-position:left center; color:#47090c; font-size:20px;}


.index_piclist .index_title{ text-align:center; padding:20px 0; margin-bottom:25px;}
.index_piclist .index_title b{ font-size:36px; color:#000000; display:block;}
.index_piclist .index_title span{ font-size:16px; color:#999999; display:block;}
.index_piclist .w1200{ padding-top:55px; padding-bottom:55px; border-bottom:1px solid #dedfe0}
.index_piclist li{ width:32%; float:left; margin-right:2%;}
.index_piclist li .imgs{ height:253px;}
.index_piclist li .imgs img{ width:100%; height:100%; object-fit:cover;}
.index_piclist li:nth-child(3){ margin-right:0;}
.index_piclist li .txts{ padding:0 30px; background:#fff;}
.index_piclist li .txts a{font-size:14px; color:#666666; line-height:65px; position:relative; display:block;}
.index_piclist li .txts a i{ position:absolute; right:0; font-style:normal; color:#9c7b7c; font-size:20px;}
.index_piclist li .txts a b{ font-size:20px; color:#000000; margin-right:20px; display:inline-block;}
.index_piclist .mores{ text-align:center; padding-top:45px;}
.index_piclist .mores a{ font-size:16px; color:#333333; text-decoration:underline;}

.index_form{ padding:80px 0;}

.index_form input.name{ width:180px; margin-right:5%; float:left; display:block; height:60px; border:none; background:none; border-bottom:1px solid #85878b;}
.index_form input.tel{ width:370px; margin-right:5%; display:block;height:60px; float:left; border:none; background:none; border-bottom:1px solid #85878b;}
.index_form textarea{ width:calc(90% - 550px); height:60px;float:left; line-height:58px; border:none; background:none; border-bottom:1px solid #85878b;}
.index_form button{ width:180px; height:53px; color:#fff; background:#06121c; display:block; margin:80px auto 0; cursor:pointer;}


.index_news{ padding:80px 0; background:#fff;}
.index_news .news_list_index{ width:30%; float:left; margin-right:5%;}
.index_news .news_list_index2{ margin-right:0;}
.index_news .news_list_index .news_titbox{ font-size:20px; color:#333333; line-height:60px; font-weight:bold; border-bottom:1px solid #e6e6e7;}
.index_news .news_list_index .news_titbox a{ font-size:14px; color:#999999; font-weight:normal;}
.index_news .news_list_index ul{ padding:20px 0;}
.index_news .news_list_index  ul li a{ font-size:16px; color:#666; line-height:30px;}
.index_news .news_list_index  ul li i{ font-size:14px; color:#666; font-style:normal; line-height:30px;}


.footer{ background-image:url(../images/fotbac.jpg); background-size:cover; background-position:center; padding-top:80px;}
.logofot,.fot_ewm{ width:270px;}
.fot_nav{ width:calc(100% - 540px);}
.fot_ewm a{ font-size:40px; color:#fff; line-height:1;}
.fot_ewm span{ display:block; font-size:24px; color:#fff; line-height:1; padding:20px 0;}
.fot_ewm  img{ max-width:90px;}

.fot_copy .line{ width:100%; height:1px ; background:#fff; opacity:.2; position:absolute; top:0; left:0;}
.fot_copy{ margin-top:30px; padding:20px 0; text-align:center; position:relative; overflow:hidden;}
.fot_copy p,.fot_copy p a{ font-size:14px; color:#fff;}
.fot_copy p a{ display:inline-block; padding:0 10px;}
.fotnavli{ width:20%; float:left;}
.fotnavli b{ display:block; font-size:24px; color:#fff; font-weight:normal;}
.fotnavli a{ display:block; font-size:16px; color:#ffffff;}

.fot_nav{ padding:0 0 0 20px}

@media screen and (max-width:1500px){
	.w1200{ padding-left:40px; padding-right:40px;}
	}
@media screen and (max-width:1280px){
	.header .nav li a{ padding:0 15px; font-size:16px;}
	.index_piclist .w1200{ padding-top:40px; padding-bottom:40px;}
	.header .nav li.last-tel{ font-size:14px;}
	.header .nav li.last-tel{ margin-left:15px;}
	.index_01{ padding:20px 0;}
	.index_01 li span{ font-size:16px;}
	.index_piclist .index_title{ padding-top:0;}
	.index_piclist .index_title b{ font-size:26px;}
	.index_piclist .index_title span{ font-size:14px;}
	.index_piclist li .txts a b{ font-size:16px;}
	.index_piclist li .imgs{ height:4rem;}
	.index_form input.tel{ width:180px}
	.index_form textarea{ width:calc(90% - 360px);}
	.fotnavli b{ font-size:18px;}.fot_nav{ padding-left:0;}
	.fotnavli a{ font-size:14px;}.fot_ewm a{ font-size:30px;}
	.fot_ewm span{ font-size:16px;}
	.index_news,.index_form{ padding:40px 0;}
	.index_form button{ margin-top:40px;}
	.footer{ padding-top:40px;}
	}


@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .index_piclist li .txts{ padding:0 15px;}
	 .index_piclist li .txts a b{ margin-right:5px;}
	 .index_01 li span{ font-size:14px;}
	 .index_news .news_list_index ul li a{ font-size:14px;}
	 .logofot, .fot_ewm{ width:100%;}
	 .logofot img{ margin:0 auto; display:block;}.fot_nav{ width:100%; margin:20px auto; text-align:center;}
	 .fot_ewm{ text-align:center;}
	 
	}
@media screen and (max-width:768px){
	.fot_nav{ display:none;}.logofot{ display:none;}
	.w1200{ padding-left:20px; padding-right:20px;}
	.index_news .news_list_index{ width:100%; margin:0 auto;}
	.index_form input.name,.index_form input.tel,.index_form textarea{ width:100%; margin:0;}
	.index_piclist li{ width:100%; float:none; margin-bottom:10px;}
	.index_piclist li .imgs{ height:10rem;}.index_piclist li .txts a{ line-height:45px;}
	.index_01 li:nth-child(2){ border-right:none;}
	.index_01 li:nth-child(3){ border-bottom:none;}.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:10px;}
	.index_01 li{ width:50%; border-bottom:1px solid #bcbcbc;}.index_01 li span{ height:35px; line-height:35px; background-size:auto 20px; padding-left:30px;}
	.index_piclist .index_title b{ font-size:20px;}.index_piclist .w1200{ padding-top:20px; padding-bottom:20px;}
	.index_piclist .index_title{ margin-bottom:0;}.index_piclist .mores{ padding-top:10px;}
	.index_news, .index_form{ padding:20px 0;}.index_news .news_list_index .news_titbox{ font-size:16px;}
	.index_news .news_list_index ul li i{ font-size:12px;}.index_news .news_list_index ul{ padding:10px 0;}
	.fot_copy p, .fot_copy p a{ font-size:12px;}.fot_ewm span{ font-size:14px;}.index_form button{ margin-top:15px; height:35px;}
	.index_01{ padding:10px 0;}
	.fot_copy{ padding:15px;}
	}